<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>畅销书排行榜</title>
		<style type="text/css">
		body{
			height: 800px;
			background: linear-gradient(to bottom,#F9FBCB,#F8F8F3);
		}
			h2{
				background-color:#518700;
				color: white;
				text-indent: 20px;
			}
			li{
				text-indent: 20px;
				font-size: 12px;
				color: #1a66b3;
				line-height: 28px;
			}
			li.a2{
				background: url(img/book_no01.gif) left center no-repeat;
			}
			li.a3{
				background: url(img/book_no02.gif) left center no-repeat;
			}
			li.a4{
				background: url(img/book_no03.gif) left center no-repeat;
			}
			li.a5{
				background: url(img/book_no04.gif) left center no-repeat;
			}
			li.a6{
				background: url(img/book_no05.gif) left center no-repeat;
			}
			li.a7{
				background: url(img/book_no06.gif) left center no-repeat;
			}
			li.a8{
				background: url(img/book_no07.gif) left center no-repeat;
			}
			li.a9{
				background: url(img/book_no08.gif) left center no-repeat;
			}
			li.a10{
				background: url(img/book_no09.gif) left center no-repeat;
			}
			li.a11{
				background: url(img/book_no10.gif) left center no-repeat;
			}
			
			
			
		</style>
	</head>
	<body>
		<div id="a1">
			<h2>畅销书排行<img src="img/bang.gif"  align="center"></h2>
		</div>
		<ul type="none">
			<li class="a2">不抱怨的世界(畅...</li>
			<li class="a3">活法（季羡林、...</li>
			<li class="a4">遇见未知的自己...</li>
			<li class="a5">高效能人士的七个习惯</li>
			<li class="a6">被迫强大（北外女生香奈儿...</li>
			<li class="a7">遇见心想事成的自己（《遇...</li>
			<li class="a8">世界上最伟大的推销员（插...</li>
			<li class="a9">我的成功可以复制（唐骏亲...</li>
			<li class="a10">少有人走的路：心智成熟的...</li>
			<li class="a11">活出全新的自己——唤醒...</li>
		</ul>
	</body>
</html>
